import React from 'react'

// import CounterClass from "./01_体验hooks/01_counter-class";
// import CounterHook from "./01_体验hooks/02_counter-hook";

// import ComplexHookState from "./02_useState使用/01_状态的修改";

// import ClassTitleChange from "./03_useEffect使用/01_class修改title";
// import HookTitleChange from "./03_useEffect使用/02_hook修改title";
// import CancelEffectDemo from "./03_useEffect使用/03_useEffect订阅和取消";
// import MultiEffectDemo from "./03_useEffect使用/04_多个Effect的使用";

// import ContextHookDemo from './04_useContext使用/01_useContext的基本使用'
// export const UserContext = createContext();
// export const ThemeContext = createContext();

// import Home from "./05_useReducer使用/home";
// import Profire from "./05_useReducer使用/profire";

// import CallbackHookDemo01 from "./06_useCallback使用/01_useCallback不能进行的性能优化";
// import CallbackHookDemo02 from "./06_useCallback使用/02_useCallback进行的性能优化";

// import MemoHookDemo from "./07_useMemo使用/01_useMemo复杂计算的应用";
// import MemoHookDemo2 from "./07_useMemo使用/02_useMemo传入子组件应用类型";

// import RefHookDemo from "./08_useRef使用/01_useRef引用DOM";
// import RefHookDemo2 from "./08_useRef使用/02_useRef引用其它数据";

// import ForwardRefDemo from './09_useImperativeHandle使用/01_forwardRef';
// import ImperativeHandleDemo from './09_useImperativeHandle使用/02_imperativeHandle';

// import EffectHookDemo from "./10_useLayoutEffect使用/01_useEffect";
// import LayoutEffectHookDemo from "./10_useLayoutEffect使用/02_useLayoutEffect";

// import CustomLifeHookDemo from "./11_自定义Hook/01_认识自定义Hook";
// import CustomContextHook from "./11_自定义Hook/02_自定义Hook-Context共享";
// export const InfoContext = createContext();
// export const TokenContext = createContext();
// import CustomScrollHook from './11_自定义Hook/03_自定义Hook-滚动的位置';
import CustomDataStoreHook from './11_自定义Hook/04_自定义Hook-本地存储';


export default function App() {
  // const [isShow, setisShow] = useState(true)
  return (
    <div>
      {/* <CounterClass /> */}
      {/* <CounterHook /> */}

      {/* <ComplexHookState /> */}
      
      {/* <ClassTitleChange /> */}
      {/* <HookTitleChange /> */}
      {/* <button onClick={e => setisShow(!isShow)}>切换</button>
      {isShow && <CancelEffectDemo />} */}
      {/* <MultiEffectDemo /> */}

      {/* <UserContext.Provider value={{name: "yzh", age: 18}}>
        <ThemeContext.Provider value={{fontSize: "18px", color: "orange"}}>
          <ContextHookDemo />
        </ThemeContext.Provider>
      </UserContext.Provider> */}

      {/* <Home /> */}
      {/* <Profire /> */}

      {/* <CallbackHookDemo01 /> */}
      {/* <CallbackHookDemo02 /> */}
      
      {/* <MemoHookDemo />  */}
      {/* <MemoHookDemo2 />  */}
      
      {/* <RefHookDemo />  */}
      {/* <RefHookDemo2 />  */}

      {/* <ForwardRefDemo />  */}
      {/* <ImperativeHandleDemo />  */}

      {/* <EffectHookDemo />  */}
      {/* <LayoutEffectHookDemo />  */}

      {/* <button onClick={e => setisShow(!isShow)}>切换</button>
      {isShow && <CustomLifeHookDemo />}  */}
      {/* <InfoContext.Provider value={{name: "yzh", age: 18}}>
        <TokenContext.Provider value="202202240937abccbadsadsa">
          <CustomContextHook />
        </TokenContext.Provider>
      </InfoContext.Provider> */}
      {/* <CustomScrollHook /> */}
      <CustomDataStoreHook />
    </div>
  )
}
